<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"	
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<f:view contentType="text/html">

	<h:head>
		<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/css/default.css" />
	</h:head>

	<h:body>

		<p:panel header="Clientes Financieros">
		
		<p:messages id="msgs" showDetail="true"/>

			<h:form id="clientesFinancieros">

				<h:panelGrid columns="8">				
					<h:panelGrid columns="3">
					<h:outputLabel value="Tipo Doc:" />
					<h:selectOneMenu id="tipoDoc" value="#{manClienteFinMB.COD_TIP_DOC_IDE}">
						<f:selectItem itemValue="" itemLabel="Seleccione" />
						<f:selectItems value="#{manClienteFinMB.tipoDocIdent}" />
					</h:selectOneMenu>
					<h:inputText value="#{manClienteFinMB.NUM_DOC_IDE}"/>
					</h:panelGrid>
					<p:spacer width="20px" />
					<h:outputLabel value="Nombre:" />
					<h:inputText value="#{manClienteFinMB.NOMBRE_COMPLETO}" autocomplete="false" />
					<p:spacer width="20px" />					
					<h:outputLabel value="Ingrese Razon Social:" />
					<h:inputText value="#{manClienteFinMB.NOM_RAZ_SOC}" autocomplete="false"/>
					<p:spacer width="20px" />
					
				</h:panelGrid>
				
				<h:panelGrid columns="3">
					<p:commandButton value="#{message['new']}" action="#{manClienteFinMB.nuevo}" ajax="false" type="submit" />
					<p:commandButton value="#{message['search']}" action="#{manClienteFinMB.buscar}" ajax="true" update="panelTabla" />
				</h:panelGrid>		
				<p:outputPanel id="panelTabla" >
				<p:dataTable value="#{manClienteFinMB.listClienteFins}" id="tablaClienteF" var="cl" 
					paginator="true" rows="10" paginatorTemplate="   
					{FirstPageLink} {PreviousPageLink} {CurrentPageReport} Total : #{manClienteFinMB.totalRegistros} {NextPageLink} {LastPageLink} "  
					 style="width:1000px">
					<p:column>
						<f:facet name="header">
							<h:outputText value="Cod." />
						</f:facet>
						<h:outputText value="#{cl.IDE_CLI}"></h:outputText>
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Tipo de Doc." />
						</f:facet>
						<h:outputText value="#{cl.DSC_TIP_DOC_IDE}"></h:outputText>
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Nro. de Doc." />
						</f:facet>
						<h:outputText value="#{cl.NUM_DOC_IDE}"></h:outputText>
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Apellidos y Nombres" />
						</f:facet>
						<h:outputText value="#{cl.nombreCompleto}"></h:outputText>
					</p:column>					
					<p:column>
						<f:facet name="header">
							<h:outputText value="Razon Social" />
						</f:facet>
						<h:outputText value="#{cl.NOM_RAZ_SOC}"></h:outputText>
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Email" />
						</f:facet>
						<h:outputText value="#{cl.DSC_MAIL}"></h:outputText>
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Cliente" />
						</f:facet>
						<h:outputText value="#{cl.TIPO_CLIENTE}"></h:outputText>
						<h:outputText value="#{cl.FLAG_TIPO_CLIENTE}"></h:outputText>
					</p:column>	
					<p:column>
						<f:facet name="header">
							<h:outputText value="Acciones" />							
						</f:facet>
						<h:commandLink rendered="#{cl.FLAG_TIPO_CLIENTE=='N'}" action="#{manClienteFinMB.mostrar}"  
							title="Editar Cliente #{cl.nombreCompleto}">
							<h:graphicImage value="/imagen/Edit.gif" />	
							<f:setPropertyActionListener target="#{manClienteFinMB.clienteFins}" value="#{cl}" />
						</h:commandLink>
						<p:spacer width="10px" />						
						<p:commandLink rendered="#{cl.FLAG_TIPO_CLIENTE=='N'}" onclick="MensajeEliminar.show();" 
							ajax="true" update="panelTabla,msgs" title="Eliminar Cliente #{cl.nombreCompleto}">						
							<h:graphicImage value="/imagen/Delete.png" />
							<f:setPropertyActionListener target="#{manClienteFinMB.IDE_CLI}" value="#{cl.IDE_CLI}" />
						</p:commandLink>
						<h:commandLink rendered="#{cl.FLAG_TIPO_CLIENTE=='S'}" title="Ver Detalle #{cl.nombreCompleto}"
							action="#{manClienteFinMB.verDetalle}">
							<h:graphicImage value="/imagen/Detalle.gif" />	
							<f:setPropertyActionListener target="#{manClienteFinMB.clienteFins}" value="#{cl}" />
							<f:setPropertyActionListener target="#{manClienteFinMB.IDE_CLI}" value="#{cl.IDE_CLI}" />
						</h:commandLink>
					</p:column>
				</p:dataTable>
				</p:outputPanel>
				
				<p:dialog header="Confirmacion" widgetVar="MensajeEliminar" modal="true" height="120" 
				width="250" resizable="false">  
					<h:outputLabel value="¿Desea Eliminar este Registro?" />
					<p:spacer height="20px" />
					<p:commandButton value="#{message['delete']}" ajax="true" update="panelTabla"
						action="#{manClienteFinMB.eliminarCliente}" oncomplete="MensajeEliminar.hide();"/>
					<p:commandButton value="#{message['cancel']}" action="#{manClienteFinMB.cancelar}" 
						 oncomplete="MensajeEliminar.hide();" ajax="false" />
				</p:dialog>
				
			</h:form>

		</p:panel>

	</h:body>
</f:view>
</html>